body{margin: 0;padding: 0;min-height:100vh;}
ol,ul,li{list-style: none}
h1,h2,h3,h4{font-size: 100%; font-weight:normal;}
em,s,i,b{font-style: normal}
a,input,textarea{text-decoration: none;outline: 0; border:0; padding:0; margin:0;}
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
}
dl,ul{margin:0;padding: 0;}
input[type="number"]{
  appearance: none;
  -moz-appearance: textfield;
}
.scrollbar::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
.scrollbar::-webkit-scrollbar-thumb{
  border-radius: 10px !important;
  background-color: #c1c1c1 !important;
}

.clear:after,.clear:before{content:'';display:table;}
.clear:after{clear:both;overflow:hidden;}
.clear{zoom:1;}
.fl{float:left !important;}
.fr{float:right !important;}
.relative{
  position: relative !important;
}
.absolute{
  position: absolute !important;
}
.inline_b{
  display: inline-block;
}
.block{
  display: block;
}
.flex{
  display: flex;  
}
.flex_w{
  display: flex;
  flex-wrap: wrap;
}
.flex_wb{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.flex_wa{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-around;
}
.flex_a{
  display: flex;
  justify-content: space-around;
}
.flex_rc{
  display: flex;
  justify-content: center;
}
.flex_b{
  display: flex;
  justify-content: space-between;
}
.flex_c{
  display: flex;
  flex-direction: column;
}
.flex_cb{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex_ca{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.flex_cc{
  display: flex;
  flex-direction:column;
  justify-content: center;
}
.flex_cen{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_cenc{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
}
.hiddenE{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.noSelect{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.btnBox a{
    width: 80px;
    height: 26px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    border-radius: 9vw;
    color: #0e151f;
    background-image: linear-gradient(0deg, 
        rgba(0, 0, 0, 0.49) 0%, 
    rgba(255, 255, 255, 0.49) 100%), 
        linear-gradient(
            #d2d2d2, 
            #d2d2d2);
    background-blend-mode: color-burn, 
        normal;
}
.btnBox a:last-child{
    background-image: linear-gradient(0deg, 
	rgba(0, 0, 0, 0.49) 0%, 
	rgba(255, 255, 255, 0.49) 100%), 
linear-gradient(
	#7ecef4, 
	#7ecef4);
}


.el-menu{
  background-color: rgba(0, 0, 0, 0) !important;
}
.el-menu.el-menu--horizontal{
  align-self: flex-end;
  border-bottom: none !important;
  background-color: rgba(53, 74, 88, 0) !important;
}
.el-menu--horizontal>.el-menu-item{
  width: 90px;
  height: 28px !important;
  margin-right: 3px !important;
  padding: 0;
  line-height: 30px !important;
  text-align: center;
  font-size: 14px;
  border-radius: 6px 6px 0 0;
  background-color: #272C38 !important;
}
.el-menu--horizontal>.el-menu-item:hover{
  color: #dbdbdb !important
}
.el-menu--horizontal>.el-menu-item.is-active{
  color: #7ecef4 !important;
  font-weight: bold !important;
  border-bottom-color: rgba(255, 255, 255, 0) !important
}
main{
  width: 100%;
  height: calc(100vh - 70px);
  padding: 20px;
  box-sizing: border-box;
  background: #29405a;
  /* Old browsers */
  background: -moz-linear-gradient(150deg, #1f273e 0%, #181f2f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1f273e), color-stop(100%, #181f2f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(150deg, #1f273e 0%, #181f2f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(150deg, #1f273e 0%, #181f2f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(150deg, #1f273e 0%, #181f2f 100%);
  /* IE10+ */
  background: linear-gradient(150deg, #1f273e 0%, #181f2f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1f273e, endColorstr=#181f2f, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */  
}
.mainBody{
  width: 100%;
  height: 100%;
}
.el-dialog--center{
  width: 500px !important;
  border-radius: 8px;
}
.el-checkbox{
  margin: 0 0 15px 30px;
}
.el-dialog--center .el-dialog__body{
  padding: 15px 30px;
}
.el-input--suffix .el-input__inner{
  height: 30px;
}
.el-input__icon{
  line-height: 30px !important;
}
.tabOutside .el-table{
  width: 48% !important;
}
.tabOutside .el-table:first-child{
  margin-right: 15px; 
}

.el-carousel{
  width: 100% !important;
  height: 100% !important;
}

.el-carousel::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
.el-carousel::-webkit-scrollbar-thumb{
  border-radius: 10px !important;
  background-color: #c1c1c1 !important;
}
.el-carousel__container{
  width: 100% !important;
  height:95% !important;
  overflow: hidden;
}
.el-carousel__indicator{
  padding: 12px 4px 0 0 !important;
}
.el-tree{
  padding-top: 50px;
  box-sizing: border-box;
  color: #d4d4d4;
  background: #192a3a;
}
.el-tree-node__content:hover,.el-tree-node:focus>.el-tree-node__content{
  background-color: rgba(0, 0, 0, 0);
}
.el-tree-node__content{
  height: 38px;
  border-top: 1px solid #1b364d;
  box-sizing: border-box;
}
.reportBox .el-carousel__container{
  height: calc(94% - 18px) !important;
}
.el-carousel__button{
  width: 14px;
}

.el-table{
  color: #fff !important;
}
.tabStyle1 .el-table__body-wrapper, .tabStyle1.el-table tr, .tabStyle1.el-table::before{
  background-color: #24384f !important;
}
.tabStyle1 .el-table__body-wrapper::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
.tabStyle1 .el-table__body-wrapper::-webkit-scrollbar-thumb{
  border-radius: 10px !important;
  background-color: #c1c1c1 !important;
}
.tabStyle2 .el-table__body-wrapper, .tabStyle2.el-table tr, .tabStyle2.el-table::before{
  background-color: #344165 !important;
}
.el-table th{
  background-color: #7ecef4 !important;    
}
.el-table thead{
  color: #000 !important;
}
.el-table td, .el-table th.is-leaf{
  border-bottom: 1px solid #205585 !important;
}
.tabStyle1 .el-table__body tr.current-row>td,.tabStyle1.el-table--enable-row-hover .el-table__body tr:hover>td{
  background-color: #172c43 !important;
}
.tabStyle2 .el-table__body tr.current-row>td,.tabStyle2.el-table--enable-row-hover .el-table__body tr:hover>td{
  background-color: #344165 !important;
}
.el-table td, .el-table th{
  padding: 6px 0 !important;
}

.flex{display:flex;}
.ydsl-top{padding:20px 50px;}
.everyOtherOine{border-right:2px solid #284c62;height:41px;padding:0 20px 0 0;margin-right:20px;}
.ydslTitle{color:#fff;font-size:30px;line-height:41px;}
.ydsl-box{width:100%;height:900px;padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius:10px;}
/* background:rgba(41,64,90,1); */
main.elMain{background:none;height:auto;}
.ydsl-img{width:222px;height:80px;margin-right:20px;background:#fff;border-radius:10px;}
.ydsl-deviceNumber{color:#fff;padding:10px 0;line-height:60px;}
.gaugeBox{height:270px;border-radius:5px;margin-top:20px;
  background: -webkit-linear-gradient(#264257,#1e2d40); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#264257,#1e2d40); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#264257,#1e2d40); /* Firefox 3.6 - 15 */
  background: linear-gradient(#264257,#1e2d40); /* 标准的语法 */
}
.ydsl-table-box{height:270px;margin-top:20px;border-radius:10px;overflow: hidden;
  background: -webkit-linear-gradient(#244357,#1e2d40); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#244357,#1e2d40); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#244357,#1e2d40); /* Firefox 3.6 - 15 */
  background: linear-gradient(#244357,#1e2d40); /* 标准的语法 */
}
.ydsl-table-box li{float:left;width:50%;text-align:center;color:#fff;border-bottom:1px solid #4279a2;line-height:53px;height:54px;box-sizing:border-box;}
.ydsl-table-box li div{float:left;width:50%;border-right:1px solid #4279a2;box-sizing:border-box;}
.ydsl-table-box li:nth-child(1){width:100%;}
.ydsl-table-box li:nth-child(2),.ydsl-table-box li:nth-child(3){background:rgba(111,206,255,0.1);color:#6fceff;}
.ydsl-table-box li:nth-child(6),.ydsl-table-box li:nth-child(7){background:rgba(111,206,255,0.1);color:#b4d26b;}
/* .ydsl-table-box li:nth-child(8),.ydsl-table-box li:nth-child(9){background:rgba(111,206,255,0.1);color:#fd5378;border-bottom:0;} */
.ydsl-table-box li:nth-child(8),.ydsl-table-box li:nth-child(9){border-bottom:0;}
.ydsl-table-box li:nth-child(1) div:nth-child(1){width:25%;}
.ydsl-table-box li:nth-child(1) div:nth-child(2){width:75%;}
.ydsl-lineBox{height:420px;margin-top:20px;overflow: hidden;}
.el-carousel.elCarousel .el-carousel__button{width:10px;height:10px;border-radius:5px;}
.dotBox{text-align:center;}
.dotBox li{display: inline-block;width:10px;height:10px;border-radius:5px;background:rgba(255,255,255,0.5);margin:20px 10px 0;}
.dotBox li.active{background:rgba(255,255,255,1);}
.zhuansu{width:100%;text-align:center;color:#fff;font-size:16px;position:absolute;left:0;top:20px;}
/* background:url(../images/productbg.jpg) no-repeat center top;background-size:100% 100%; */
.el-container.productContainer{height:100vh;}
.productQuery{margin-top:0px;}
.productQueryLabel{padding:0 10px;line-height:30px;color:#fff;}
.el-date-editor.product-date-picker .el-input__inner{background:#17476e;border: 1px solid #17476e;color:#fff;}
.el-date-editor.product-date-picker .el-icon-date{color:#4ba8ee;}
.product-return{color:#2198d9;margin-right:20px;line-height:30px;}
.productTableBox{margin-top:20px;height:630px;border-radius:10px;box-sizing:border-box;padding:20px 0 0px;background:#223f54;
width:60%;}
/* box-shadow:0px 0px 5px 5px #275678; */
.lineChartBox{width:40%;height:630px;margin-top: 20px;}
.flex1{flex:1;}
.el-table.productTable{border-right:1px solid #7ecef4;background:transparent;}
.el-table.productTable:first-child{border-radius:0 0 0 10px;}
.el-table.productTable:last-child{border-right:0;border-radius:0 0 10px 0;}
.el-table.productTable th{background:#4ba8ee !important;color:#fff;}
.el-table.productTable th, .el-table.productTable tr {background-color:transparent;}
.el-table.productTable.el-table--striped .el-table__body tr.el-table__row--striped td{background:#174265;}
.el-table.productTable.el-table--enable-row-hover .el-table__body tr:hover>td {background-color: #174265;}
.el-table.productTable::before{height:0px;}
.el-pagination.elPagination{margin-top:20px;}
.tx-c{text-align:center;}
.cfff{color:#fff;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.moreList{position: absolute;right:0;top:0;line-height:30px;color:#2198d9;}
.moreList i{line-height:30px;font-size:20px;}
c2198d9{color:#2198d9;}
.productBox{background:url(../images/probg.png) no-repeat center 40px;background-size:100% auto;height:100%;}
.date-item-box{border:3px solid #0d2d4c;margin-right:20px;box-shadow:0 0 5px 1px #2b5d7a;box-sizing:border-box;padding:5px 10px;cursor: pointer;}
.date-item-box:last-child{margin-right:0;}
.mgt20{margin-top:20px;}
.date-item-box .date-txt{color:#468ca9;}
.date-item-box .date-count{color:#468ca9;font-size:24px;}
.date-item-box.active{background:#096394;border:3px solid #274f6e;}
.date-item-box.active .date-txt{color:#00ffff;}
.date-item-box.active .date-count{color:#00ffff;font-size:24px;}
.product-bottom-box{height:300px;background:rgba(11,19,45,0.6);position:relative;}
.product-bottom-main{overflow-x:auto;overflow-y:hidden;padding:0 70px;
  width:100%;box-sizing:border-box;}
.switchBtn{width:44px;position:absolute;top:50%;margin-top:-70px;z-index:20;}
.switchLeft{left:5px;}
.switchRight{right:5px;}
/* .productListBox{width:1000px;} */
.productListItem{position: relative;height:220px;margin:40px 0;width:120px;float: left;}
.bg-icon-ty{background:url(../images/icon-ty.png) no-repeat center center;background-size:100% 100%;width:50px;height:50px;position: absolute;}
.dot1{left:0;bottom:33px;}
.dot2{left:-10px;top:13px;}
.productParametersBox{width:147px;height:62px;box-sizing:border-box;background:url(../images/icon2.png) no-repeat left top;padding:5px 0 0px 30px;
position: absolute;left:40px;bottom:10px;background-size:100% 100%;}
.parameters-txt{color:#00ffff;font-size:12px;}
.parametersLine{border:1px solid #6fceff;width:0px;height:160px;position:absolute;left:70px;bottom:33px;
transform:rotate(42deg);
-ms-transform:rotate(42deg);/* IE 9 */
-moz-transform:rotate(42deg);/* Firefox */
-webkit-transform:rotate(42deg);/* Safari 和 Chrome */
-o-transform:rotate(42deg); /* Opera */}
.productParametersBox2{width:152px;height:62px;box-sizing:border-box;background:url(../images/icon1.png) no-repeat left top;padding:5px 0 0px 13px;
position: absolute;left:-150px;top:5px;background-size:100% 100%;}
.parametersLine2{border:1px solid #6fceff;width:0px;height:180px;position:absolute;left:78px;bottom:28px;
transform:rotate(-37deg);
-ms-transform:rotate(-37deg);/* IE 9 */
-moz-transform:rotate(-37deg);/* Firefox */
-webkit-transform:rotate(-47deg);/* Safari 和 Chrome */
-o-transform:rotate(-37deg);/* Opera */}
.productListItem:last-child .parametersLine{display:none;}
.productListItem:last-child .parametersLine2{display:none;}

.product-bottom-main::-webkit-scrollbar {/*滚动条整体样式*/
  width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
  height:10px;
}
.product-bottom-main::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 10px;
   box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #535353;
}
.product-bottom-main::-webkit-scrollbar-track {/*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 10px;
  background: #EDEDED;
}

.pageBox{width:60%;text-align:center;margin-top:20px;}
.pageBox .el-button{display:inline-block;padding:0 10px;background:#0f1525;line-height:38px;color:#fff;
border:0;float:none;}
.pageBox .el-button:hover{opacity:0.8;}
.pageBox.el-button-group>.el-button:first-child{margin-right:10px;}
.pageBox el-button.is-disabled,.pageBox .el-button.is-disabled:focus,.pageBox .el-button.is-disabled:hover {
  color: #fff;
  background-color:#0f1525;opacity:0.8;
}

/**/
.ca0a0a0{color:#a0a0a0;}
.logoimg{height:30px;margin-top:5px;}
.deviceName{margin-left: auto;color:#00ffff;line-height:48px;border:2px solid #154d5b;padding:0 20px;font-size:20px;}
.elMain.equipmentMain{height:900px;}
.elMain.equipmentMain .el-carousel__container{height:95%!important}

.scfx-chartbox{width:58vw;height:500px;
  background: -webkit-linear-gradient(150deg, #224357 0%, #26304c 100%);
  background: -o-linear-gradient(150deg, #224357 0%, #26304c 100%);
  background: -ms-linear-gradient(150deg, #224357 0%, #26304c 100%);
  background: linear-gradient(150deg, #224357 0%, #26304c 100%);}

.wbfz40{width:36vw;}
.pjkjl-chartbox{width:36vw;height:250px;}
.pjlyl-chartbox{width:36vw;height:230px;margin-top:20px;}

.totalProduction{background:#26304b;width:32%;border-radius:10px;box-sizing:border-box;padding:10px 20px;margin-right:20px;height:290px;}
.tipsblock{width:40px;height:12px;margin-right:20px;margin-top:5px;}
.c00ffff{color:#00ffff;}
.bgdd6b66{background:#dd6b66;}
.totaltipstxt{font-size:12px;margin-top:3px;}
.fs12{font-size:12px;}
.fs18{font-size:18px;}
.fs22{font-size:22px;}
.mgt10{margin-top:10px;}
.mgt5{margin-top:5px;}
.bgea7e53{background:#ea7e53;}
.bg8dc1a9{background:#8dc1a9;}
.bge69d87{background:#e69d87;}
.bg759aa0{background:#759aa0;}

.ysczl-chartbox{width:15vw;height:250px;}
.productionEfficiency{background:#26304b;width:27%;height:290px;border-radius:10px;box-sizing:border-box;padding:10px 20px;}
.mgr10{margin-right:10px;}
.progressBarBox{height:12px;border-radius:6px;background:#eff3f6;}
.progressBar{height:12px;border-radius:6px;}
.progress-pjlyl{
  background: -webkit-linear-gradient(#94de95,#2c902d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#94de95,#2c902d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#94de95,#2c902d); /* Firefox 3.6 - 15 */
  background: linear-gradient(#94de95,#2c902d); /* 标准的语法 */
}
.progress-pjkjl{
  background: -webkit-linear-gradient(#56e0fb,#1a96f3); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#56e0fb,#1a96f3); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#56e0fb,#1a96f3); /* Firefox 3.6 - 15 */
  background: linear-gradient(#56e0fb,#1a96f3); /* 标准的语法 */
}
.progress-pjscsj{
  background: -webkit-linear-gradient(#ffee78,#ffc624); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffee78,#ffc624); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffee78,#ffc624); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffee78,#ffc624); /* 标准的语法 */
}
.clhz-chartbox{width:36vw;height:270px;}


/*生产工艺改进看板*/
.ca0a0a0{color:#a0a0a0;}
.wbfz49{width:49%;}
main.elMain.pppMain{height:calc(100vh - 82px);}
.pppImgBox{width:142px;height:80px;}
.pppImgBox img{width:142px;height:80px;border-radius:3px;}
.w200{width:200px;}
.lh30{line-height:30px;}
.lh26{line-height:26px;}
.fs14{font-size:14px;}
.pppProgressTitle{font-weight:600;}
.pppProgressBox{background:#b0b6bd;height:15px;border-radius:8px;margin-top:10px;}
.pppProgress{line-height:15px;font-size:12px;background:#4dc789;border-radius:8px;}
.pppMainElRowMain{padding:10px;box-sizing:border-box;height:40vh;}
.pppMainElRow .el-col:nth-child(1) .pppMainElRowMain{margin-bottom:20px;
  /* Old browsers */
  background: -moz-linear-gradient(135deg, #1a3545 0%, #222d46 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #222d46), color-stop(100%, #1c2538));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(135deg, #1a3545 0%, #222d46 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(135deg, #1a3545 0%, #222d46 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(135deg, #1a3545 0%, #222d46 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #1a3545 0%, #222d46 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a3545, endColorstr=#222d46, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */  
}
.pppMainElRow .el-col:nth-child(2) .pppMainElRowMain{margin-bottom:20px;
  /* Old browsers */
  background: -moz-linear-gradient(135deg, #223047 0%, #2d3758 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #223047), color-stop(100%, #2d3758));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(135deg, #223047 0%, #2d3758 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(135deg, #223047 0%, #2d3758 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(135deg, #223047 0%, #2d3758 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #223047 0%, #2d3758 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#223047, endColorstr=#2d3758, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */  
}
.pppMainElRow .el-col:nth-child(3) .pppMainElRowMain{
  /* Old browsers */
  background: -moz-linear-gradient(135deg, #22374c 0%, #232e47 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #22374c), color-stop(100%, #232e47));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(135deg, #22374c 0%, #232e47 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(135deg, #22374c 0%, #232e47 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(135deg, #22374c 0%, #232e47 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #22374c 0%, #232e47 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#22374c, endColorstr=#232e47, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */  
}
.pppMainElRow .el-col:nth-child(4) .pppMainElRowMain{
  /* Old browsers */
  background: -moz-linear-gradient(135deg, #232e47 0%, #313e61 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #232e47), color-stop(100%, #313e61));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(135deg, #232e47 0%, #313e61 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(135deg, #232e47 0%, #313e61 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(135deg, #232e47 0%, #313e61 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #232e47 0%, #313e61 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#232e47, endColorstr=#313e61, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */  
}

.videoPlayBox{width:100%;height:420px;margin-right:0vw;}